// 全局样式

@font-face {
  font-family: 'DMSans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DMSans.woff2) format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Montserrat.woff2) format('woff2');
}

.btn-icon {
  font-size: 10px;
}

.el-btn-red {
  color: #fa6962 !important;

  &:hover {
    opacity: 0.9;
  }

  &:active {
    opacity: 0.7;
  }
}

// 顶部进度条颜色
#nprogress .bar {
  background-color: color-mix(in srgb, var(--main-color) 65%, white);
}

// 处理移动端组件兼容性
@media screen and (max-width: $device-phone) {
  * {
    cursor: default !important;
  }

  .el-col2 {
    margin-top: 15px;
  }
}

// 背景滤镜
*,
::before,
::after {
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

// 色弱模式
.color-weak {
  filter: invert(80%);
  -webkit-filter: invert(80%);
}

#noop {
  display: none;
}

// ✅ 盒子边框 ｜ 盒子阴影
[data-box-mode='border-mode'] {
  .page-content,
  .worktab .scroll-view .tabs li,
  .console-box,
  .console-box-2 {
    border: 1px solid rgba(var(--art-gray-300-rgb), 0.6) !important;
  }

  .menu-left {
    border-right: 1px solid rgba(var(--art-gray-300-rgb), 0.6) !important;
  }
}

[data-box-mode='shadow-mode'] {
  .page-content,
  .worktab .scroll-view .tabs li,
  .console-box,
  .console-box-2 {
    box-shadow: 0 4px 20px rgb(0 0 0 / 3%);
  }

  .menu-left {
    border-right: none;
  }
}
